<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<style type="text/css">
		#container{
			width: 320px;
			height: 568px;
			margin: 50px auto;
			border: 1px solid;
			position: relative;
			overflow: hidden;
		}
		#start{
			background: url(images/start_bg.png) no-repeat;
			width: 320px;
			height: 568px;
		}
		#game{
			background: url(images/bg.png) no-repeat;
			width: 320px;
			height: 568px;
			position: relative;
		}
		#self{
			width: 66px;
			height: 80px;
			position: absolute;
			left: 127px;
			bottom: 0;
			background: url(images/self.gif) no-repeat;
		}
		#end{			
			width:150px;
			background:#ddd;
			text-align:center;
			position:absolute;
			top:100px;
			left:100px;
			display: none;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	</style>
</head>
<body>
	<div id="container">
		<!--启动界面-->
		<div id="start"></div>
		<!--游戏界面-->
		<div id="game">
			<!--战机-->
			<div id="self"></div>
		</div>
		<div id="end">
			已阵亡
			<button id="btn" onclick="window.location.reload()">再玩一次</button>
		</div>
	</div>
	<script src="js/tools.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/map.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/role.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/enemy.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bullet.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/fighter.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/game.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>